<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telphone=no, email=no" />
		<title></title>
		<script src="http://cdn.staticfile.org/jquery/2.2.1/jquery.min.js" type="text/javascript"></script>
		<link rel="stylesheet" href="css/style.css" />
		<script>
			(function(doc, win) {
				var docEl = doc.documentElement,
					resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
					recalc = function() {
						var clientWidth = docEl.clientWidth;
						if(!clientWidth) return;
						docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
					};
				if(!doc.addEventListener) return;
				win.addEventListener(resizeEvt, recalc, false);
				doc.addEventListener('DOMContentLoaded', recalc, false);
			})(document, window);
		</script>
	</head>

	<body>
		<div class="prize-opacity"></div>
		<!-- 中奖弹出框  -->
		<div class="modal-dialog">
			<p class="dialog-tip">恭喜您抽中<em>Iphone 7plus</em></p>
			<div class="dialog-content">
				<img src="img/12.jpg" />
			</div>
			<div class="btn-ok">
				<a href="javascript:void(0);" class="qd">再抽一次</a>
			</div>
			<button type="button" class="close">&times;</button>
		</div>
		<!-- 提示弹出框 -->
		<div class="modal-dialog-tip">
			<div class="dialog-content-tip">
				<h3>温馨提示</h3>
				<p class="tip-dialog">您的抽奖机会已经用完，请前往投资领取抽奖机会</p>
				<div class="btn-know">
					<a href="javascript:void(0);" class="iknow">我知道了</a>
				</div>
			</div>
			<button type="button" class="tip-close">&times;</button>
		</div>

		<header>
			<img src="img/top_banner.jpg" />
		</header>
		<div class="send-word">
			<img src="img/send_word.png" />
			<div class="word">
				<p>2016年已经走过四分之三，投宝金融感恩每一位新老客户的支持与陪伴。在度过了9月份温暖的中秋节和忙碌的国庆节，迎来了感恩节（每年十一月的第四个星期四）。在这里，投宝金融真情回馈，感恩抽奖等您参与！</p>
			</div>
		</div>
		<div class="tk-lottery">
			<div class="lottery-main">
				<span></span>
				<p>您还有<em>100</em>次抽奖机会</p>
				<div class="lottery" id="lottery">
					<table class="lottery-table" border="0" cellpadding="0" cellspacing="0">
						<tr>
							<td class="lottery-unit lottery-unit-0"><img src="img/award.png">
								<div class="mask"></div>
							</td>
							<td class="lottery-unit lottery-unit-1"><img src="img/award.png">
								<div class="mask"></div>
							</td>
							<td class="lottery-unit lottery-unit-2"><img src="img/award.png">
								<div class="mask"></div>
							</td>
						</tr>
						<tr>
							<td class="lottery-unit lottery-unit-7"><img src="img/award.png">
								<div class="mask"></div>
							</td>
							<td>
								<div>
									<a href="#"><img src="img/lottery_btn.png" /></a>
								</div>
							</td>
							<td class="lottery-unit lottery-unit-3"><img src="img/award.png">
								<div class="mask"></div>
							</td>
						</tr>
						<tr>
							<td class="lottery-unit lottery-unit-6"><img src="img/award.png">
								<div class="mask"></div>
							</td>
							<td class="lottery-unit lottery-unit-5"><img src="img/award.png">
								<div class="mask "></div>
							</td>
							<td class="lottery-unit lottery-unit-4"><img src="img/award.png">
								<div class="mask"></div>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		<div class="lottery-list-title">
			<span></span>
		</div>
		<div class="lottery-list">
			<div class="list-bg">
				<div class="lucky-list">
					<img src="img/lucky_list.png" />
					<div class="topRec_List clearfix">

						<dl>
							<dd>用户名</dd>
							<dd>获得奖励</dd>
							<dd>日期</dd>
						</dl>

						<div class="maquee">
							<ul>
								<li>
									<div>zss518</div>
									<div>投宝券20元</div>
									<div>2016-9-11-12:30:20</div>
								</li>
								<li>
									<div>zss518</div>
									<div>投宝券20元元元元</div>
									<div>2016-9-11-12:30:20</div>
								</li>
								<li>
									<div>zss518</div>
									<div>投宝券20元</div>
									<div>2016-9-11-12:30:20</div>
								</li>
								<li>
									<div>zss518</div>
									<div>投宝券20元</div>
									<div>2016-9-11-12:30:20</div>
								</li>
								<li>
									<div>zss518</div>
									<div>投宝券20元元元元</div>
									<div>2016-9-11-12:30:20</div>
								</li>
								<li>
									<div>zss518</div>
									<div>投宝券20元元元元</div>
									<div>2016-9-11-12:30:20</div>
								</li>
								<li>
									<div>zss518</div>
									<div>投宝券20元元元元</div>
									<div>2016-9-11-12:30:20</div>
								</li>
								<li>
									<div>zss518</div>
									<div>投宝券20元元</div>
									<div>2016-9-11-12:30:20</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="lucky-list">
					<img src="img/lucky_rampage.png" />
					<div class="topRec_List clearfix">

						<dl>
							<dd>用户名</dd>
							<dd>获得奖励</dd>
							<dd>日期</dd>
						</dl>

						<div class="maquee">
							<ul>
								<li>
									<div>zss518</div>
									<div>投宝券20元元</div>
									<div>2016-9-11-12:30:20</div>
								</li>
								<li>
									<div>zss518</div>
									<div>投宝券20元元元元</div>
									<div>2016-9-11-12:30:20</div>
								</li>
								<li>
									<div>zss518</div>
									<div>投宝券20元元</div>
									<div>2016-9-11-12:30:20</div>
								</li>
								<li>
									<div>zss518</div>
									<div>投宝券20元元元元</div>
									<div>2016-9-11-12:30:20</div>
								</li>
								<li>
									<div>zss518</div>
									<div>投宝券20元元元元</div>
									<div>2016-9-11-12:30:20</div>
								</li>
								<li>
									<div>zss518</div>
									<div>投宝券20元</div>
									<div>2016-9-11-12:30:20</div>
								</li>
								<li>
									<div>zss518</div>
									<div>投宝券20元元元元</div>
									<div>2016-9-11-12:30:20</div>
								</li>
								<li>
									<div>zss518</div>
									<div>投宝券20元</div>
									<div>2016-9-11-12:30:20</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="explain">
			<span></span>
			<div class="explain-p">
				<p><em>1、活动时间：</em>10月20日20时0分0秒-12月20日23时59分59秒</p>
				<p><em>2、参与范围：</em>担保借贷、供应链金融（债权市场、活宝不参与）</p>
				<p style="color: #ffd147;"><em>3、抽奖规则：</em></p>
				<p style="text-indent: .42rem;color: #ffd147;">A、在平台凡单笔投资6个月固定标的每500元赠送一次抽奖机会，每日抽奖次数无限制。活动期间多投多送，上不封顶。</p>
				<p style="text-indent: .42rem;color: #ffd147;">B、在平台凡单笔投资3个月固定标的每1500元赠送一次抽奖机会，每日抽奖次数无限制。活动期间多投多送,上不封顶。</p>
				<p style="text-indent: .42rem;color: #ffd147;">C、在平台凡单笔投资1个月固定标的每3000元赠送一次抽奖机会，每日抽奖次数无限制。活动期间多投多送,上不封顶。</p>
				<p><em>4、礼品方式：</em></p>
				<p style="text-indent: .42rem;">虚拟礼品：各类面值红包券+爱奇艺黄金会员组成 </p>
				<p style="text-indent: .42rem;">实物礼品：由最新款苹果7、苹果6S、苹果SE、苹果手表、苹果及联想、小米平板电脑、空气净化器等一系列数码产品及各种投宝精美定制礼品等精彩豪礼构成。</p>
				<p><em>5、奖品数量：</em> 30000个</p>
				<p>注： 1、获得的奖品（现金券通过平台充值到快钱账户(立即到账)；投宝券自动充值到用户投宝券账户；爱奇艺会员通过站内信方式发送到客户后台站内信；实物奖品12月20日-31日平台集中采购邮寄给客户，所有礼品邮费客户自行承担。鉴于数码产品采购可能由于供货原因导致不能按时采购，如有顺延还请广大投资客户理解）。</p>
				<p style="text-indent: .54rem;">2、所有红包100%中奖，奖品由：投宝券、爱奇艺黄金会员、现金红包、礼品红包、数码产品随机组成。</p>
				<p style="text-indent: .54rem;">3、数码产品：本次获得客户数码礼品型号、产品颜色以实际到货为准。发货之前各位投资客户可以与您的理财经理进行沟通,投宝金融尽力满足您对于产品颜色的需求。</p>
				<p style="text-indent: .54rem;color:#1A0033;font-size: 15px;margin-top: .2rem;">本次数码奖品共设置：苹果7手机一部、苹果6S手机两部、苹果Watch2手表三部、苹果IPADMINI2 平板电脑三部、联想PAD平板电脑三部、小米平板电脑十部；小米空气净化器、小米充电宝、小米手环、电子秤等其他数码产品若干。预祝各位投资客户喜中大奖！</p>
			</div>
		</div>
		<script type="text/javascript" src="js/nicescroll.js" ></script>
		<script>
			//美化浏览器的滚动条
			$("html").niceScroll({
				touchbehavior:true,cursorcolor:"rgba(0,0,0,0.3)",cursoropacitymax:1,cursorwidth:5,horizrailenabled:true,cursorborderradius:5,autohidemode:true,background:'none',cursorborder:'solid 1px #rgba(0,0,0,0.3)'
			});
		</script>
		<script>
			function autoScroll(obj) {
				$(obj).find("ul").animate({
					marginTop: "-.38rem"
				}, 500, function() {
					$(this).css({
						marginTop: "0px"
					}).find("li:first").appendTo(this);
				})
			}
			$(function() {
				setInterval('autoScroll(".maquee")', 2000);
			})
		</script>
		<script type="text/javascript">
			$(function() {
				$(".btn-ok .qd , .close").click(function() {
					$(".modal-dialog").removeClass('animated bounceIn').addClass('animated zoomOut').fadeOut();
					$(".prize-opacity").fadeOut();
				});
				var lottery = {
					index: -1, //当前转动到哪个位置，起点位置
					count: 0, //总共有多少个位置
					timer: 0, //setTimeout的ID，用clearTimeout清除
					speed: 20, //初始转动速度
					times: 0, //转动次数
					cycle: 50, //转动基本次数：即至少需要转动多少次再进入抽奖环节
					prize: -1, //中奖位置
					init: function(id) {
						if($("#" + id).find(".lottery-unit").length > 0) {
							$lottery = $("#" + id);
							$units = $lottery.find(".lottery-unit");
							this.obj = $lottery;
							this.count = $units.length;
							$lottery.find(".lottery-unit-" + this.index).addClass("active");
						};
					},
					roll: function() {
						var index = this.index;
						var count = this.count;
						var lottery = this.obj;
						$(lottery).find(".lottery-unit-" + index).removeClass("active");
						index += 1;
						if(index > count - 1) {
							index = 0;
						};
						$(lottery).find(".lottery-unit-" + index).addClass("active");
						this.index = index;
						return false;
					},
					stop: function(index) {
						this.prize = index;
						return false;
					}
				};

				function roll() {
					lottery.times += 1;
					lottery.roll(); //转动过程调用的是lottery的roll方法，这里是第一次调用初始化
					if(lottery.times > lottery.cycle + 10 && lottery.prize == lottery.index) {
						clearTimeout(lottery.timer);
						lottery.prize = -1;
						lottery.times = 0;
						click = false;
						$(".modal-dialog").removeClass('animated zoomOut').addClass('animated bounceIn').fadeIn();
						$(".prize-opacity").fadeIn();
					} else {
						if(lottery.times < lottery.cycle) {
							lottery.speed -= 10;
						} else if(lottery.times == lottery.cycle) {
							var index = Math.random() * (lottery.count) | 0;
							lottery.prize = index;
						} else {
							if(lottery.times > lottery.cycle + 10 && ((lottery.prize == 0 && lottery.index == 7) || lottery.prize == lottery.index + 1)) {
								lottery.speed += 110;
							} else {
								lottery.speed += 20;
							}
						}
						if(lottery.speed < 40) {
							lottery.speed = 40;
						};
						lottery.timer = setTimeout(roll, lottery.speed); //循环调用
					}
					return false;
				}

				var click = false;

				window.onload = function() {
					lottery.init('lottery');
					$("#lottery a,.btn-ok .qd").click(function() {
						if(click) { //click控制一次抽奖过程中不能重复点击抽奖按钮，后面的点击不响应\
							return false;
						} else {
							lottery.speed = 100;
							roll(); //转圈过程不响应click事件，会将click置为false
							click = true; //一次抽奖完成后，设置click为true，可继续抽奖
							return false;
						}
					});
				};
			});
		</script>

	</body>

</html>